<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的基本方法</title>
</head>

<body>

    <script>
        //  数组创建的两种方式 
        // 第一种创建方法
        // const daysWeek = new Array("day1", "day2", "day3")
        // 第二种创建方法
        // const day1Week = ["day1", "day2", "day3"]
        /* 数组常见操作
    添加元素
- 添加一个元素到数组的最后位置 `array.push(item)`
- 在数组首位插入一个元素 `array.unshift(item)`
- 在指定索引位置插入元素 `array.splice(index, 0, item)`  
splice() 第二个参数为 0 时，表示插入数据。 */
        let myArray = [1, 2, 3];
        // 在索引为1的位置插入元素4
        myArray.splice(1, 0, 4)
        console.log(myArray)   // [1,4,2,3]

        /*删除元素
    
    - 删除数组最后的元素 `array.pop(item)`
    - 删除数组首位的元素 `array.shift(item)`
    - 删除指定索引位置的元素 `array.splice(start, number)` */
        let myArray2 = [1, 2, 3, 4, 5, 6, 7]
        // 删除位置4位置上的两个元素
        myArray2.splice(4, 2)
        console.log(myArray2)   //[1, 2, 3, 4, 7]

        /* ### 修改元素
 
             - 修改指定索引位置的元素`array.splice(index, 1, item)` */
        let myArray3 = [9, 8, 7, 5, 4]
        // 修改索引为1  位置上的元素为aa
        myArray3.splice(1, 1, 'aa')
        console.log(myArray3)  // [9, 'aa', 7, 5, 4]


        // 修改指定索引位置的几个元素 `array.splice(index, number, item)`
        let myArray4 = [1, 2, 3, 4, 5, 6, 7];
        // 在 索引 2 的位置起，修改两个元素为 AA BB
        myArray2.splice(2, 2, "AA", "BB");
        console.log(myArray4); //--> [1, 2, "AA", "BB", 5, 6, 7]






    </script>
</body>

</html>